<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0
Version: 1.5
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
   <meta charset="utf-8" />
   <title>利导科技客户关系管理系统 | 服务派单</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta content="width=device-width, initial-scale=1.0" name="viewport" />
   <meta content="" name="description" />
   <meta content="" name="author" />
   <meta name="MobileOptimized" content="320">
   <!-- BEGIN GLOBAL MANDATORY STYLES -->          
   <link href="${base}/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
   <!-- END GLOBAL MANDATORY STYLES -->
   <!-- BEGIN PAGE LEVEL STYLES -->
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/select2/select2_metro.css" />
   <link rel="stylesheet" href="${base}/assets/plugins/data-tables/DT_bootstrap.css" />
   <!-- END PAGE LEVEL STYLES -->
   <!-- BEGIN THEME STYLES --> 
   <link href="${base}/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/style.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
   <link href="${base}/assets/css/custom.css" rel="stylesheet" type="text/css"/>
   <!-- END THEME STYLES -->
   <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
   <#include "header.ftl">
   <div class="clearfix"></div>
   <!-- BEGIN CONTAINER -->
   <div class="page-container">
      <!-- BEGIN SIDEBAR -->
      <#include "main_menu.ftl">
      <!-- END SIDEBAR -->
      <!-- BEGIN PAGE -->
      <div class="page-content">
         <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->               
         <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
               <div class="modal-content">
                  <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                     <h4 class="modal-title">Modal title</h4>
                  </div>
                  <div class="modal-body">
                     Widget settings form goes here
                  </div>
                  <div class="modal-footer">
                     <button type="button" class="btn blue">Save changes</button>
                     <button type="button" class="btn default" data-dismiss="modal">Close</button>
                  </div>
               </div>
               <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
         </div>
         <!-- /.modal -->
         <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
                   
         <!-- BEGIN PAGE HEADER-->
         <div class="row">
            <div class="col-md-12">
               <!-- BEGIN PAGE TITLE & BREADCRUMB-->
               <h3 class="page-title">
                  	服务派单 <small>显示了系统中我服务的客户信息</small>
               </h3>
               <ul class="page-breadcrumb breadcrumb">
                  <li class="btn-group">
                     <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
                     <span>Actions</span> <i class="icon-angle-down"></i>
                     </button>
                     <ul class="dropdown-menu pull-right" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                     </ul>
                  </li>
                  <li>
                     <i class="icon-home"></i>
                     <a href="${base}/admin/admin!main.action">首页</a> 
                     <i class="icon-angle-right"></i>
                  </li>
                  <li>
                     <a href="#">客户管理</a>
                     <i class="icon-angle-right"></i>
                  </li>
                  <li><a href="${base}/admin/services!list.action">服务派单</a></li>
               </ul>
               <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
         </div>
         <!-- END PAGE HEADER-->
         <!-- BEGIN PAGE CONTENT-->
         <div class="row">
            <div class="col-md-12 responsive" data-tablet="col-md-12 fix-offset" data-desktop="col-md-12">
               <!-- BEGIN EXAMPLE TABLE PORTLET-->
               <div class="portlet box blue">
                  <div class="portlet-title">
                     <div class="caption"><i class="icon-reorder"></i>我创建的服务列表</div>
                     <div class="actions">
                        <a href="${base}/admin/services!add.action" class="btn blue"><i class="icon-pencil"></i> 创建服务</a>
                        <div class="btn-group">
                           <a class="btn blue" href="#" data-toggle="dropdown">
                           <i class="icon-cogs"></i> 菜单
                           <i class="icon-angle-down"></i>
                           </a>
                           <ul class="dropdown-menu pull-right">
                              <li><a href="javascript:;" id = "Duplicate"><i class="icon-copy"></i> 复制</a></li>
                              <li class="divider"></li>
                              <li><a href="javascript:;" id = "Export"><i class="icon-signout"></i> 导出到Excel</a></li>
                              <li><a href="javascript:;" id = "Import"><i class="icon-signin"></i> 从Exce导入</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="portlet-body">
                     <table class="table table-striped table-bordered table-hover" id="services">
                        <thead>
                           <tr>
                              <th style="width:8px;"><input type="checkbox" class="group-checkable" data-set="#services .checkboxes" /></th>
                              <th class="hidden-480">状态</th>
                              <th class="hidden-480">客户名称</th>
                              <th class="hidden-480">联系人姓名</th>
                              <th class="hidden-480">联系电话</th>
                              <th class="hidden-480">系统类型</th>
                              <th class="hidden-480">创建人</th>
                              <th class="hidden-480">创建时间</th>
                              <th class="hidden-480">服务人</th>
                              <th class="hidden-480">操作</th>
                           </tr>
                        </thead>
                        <tbody>
                           <#if servicesListByMe?exists>
	                        	<#list servicesListByMe as services>
		                           <tr class="odd gradeX">
		                              <td><input type="checkbox" class="checkboxes" <#if services.id?exists> value="${services.id}" </#if>/></td>
		                              <td class="hidden-480"><#if services.status?exists>${services.status}</#if></td>
		                              <td class="hidden-480"><#if services.customer.fullname?exists>${services.customer.fullname}</#if></td>
		                              <td class="hidden-480"><#if services.contacts.name?exists>${services.contacts.name}</#if></td>
		                              <td class="hidden-480"><#if services.contacts.telephone?exists>${services.contacts.telephone}</#if></td>
		                              <td class="hidden-480"><#if services.systemType?exists>${services.systemType}</#if></td>
		                              <td class="hidden-480"><#if services.creater?exists>${services.creater}</#if></td>
		                              <td class="hidden-480"><#if services.createTime?exists>${services.createTime}</#if></td>
		                              <td class="hidden-480"><#if services.servicer?exists>${services.servicer}</#if></td>
		                              <td class="hidden-480">
		                              	<a href="JavaScript:;" class="btn default btn-xs blue" onclick = "return viewServicesBill(${services.id});"><i class="icon-eye-open"></i> View</a>
		                              	<a class="btn default btn-xs blue" href = "${base}/admin/services!edit.action?id=${services.id}"><i class="icon-edit"></i> Edit</a>
		                              </td>
		                           </tr>
	                           </#list>
                           </#if>
                        </tbody>
                     </table>
                  </div>
               </div>
               <!-- END EXAMPLE TABLE PORTLET-->
            </div>
         </div>
         <div class="row">
            <div class="col-md-12 responsive" data-tablet="col-md-12 fix-offset" data-desktop="col-md-12">
               <!-- BEGIN EXAMPLE TABLE PORTLET-->
               <div class="portlet box green">
                  <div class="portlet-title">
                     <div class="caption"><i class="icon-user"></i>我要服务的派单列表</div>
                     <div class="actions">
                        <div class="btn-group">
                           <a class="btn green" href="#" data-toggle="dropdown">
                           <i class="icon-cogs"></i> 菜单
                           <i class="icon-angle-down"></i>
                           </a>
                           <ul class="dropdown-menu pull-right">
                              <li><a href="javascript:;" id = "Duplicate"><i class="icon-copy"></i> 复制</a></li>
                              <li class="divider"></li>
                              <li><a href="javascript:;" id = "Export"><i class="icon-signout"></i> 导出到Excel</a></li>
                              <li><a href="javascript:;" id = "Import"><i class="icon-signin"></i> 从Exce导入</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="portlet-body">
                     <table class="table table-striped table-bordered table-hover" id="services2">
                        <thead>
                           <tr>
                              <th style="width:8px;"><input type="checkbox" class="group-checkable" data-set="#services2 .checkboxes" /></th>
                              <th class="hidden-480">状态</th>
                              <th class="hidden-480">客户名称</th>
                              <th class="hidden-480">联系人姓名</th>
                              <th class="hidden-480">联系电话</th>
                              <th class="hidden-480">系统类型</th>
                              <th class="hidden-480">创建人</th>
                              <th class="hidden-480">创建时间</th>
                              <th class="hidden-480">服务人</th>
                              <th class="hidden-480">操作</th>
                           </tr>
                        </thead>
                        <tbody>
                           <#if servicesListToMe?exists>
	                        	<#list servicesListToMe as services>
		                           <tr class="odd gradeX">
		                              <td><input type="checkbox" class="checkboxes" <#if services.id?exists> value="${services.id}" </#if>/></td>
		                              <td class="hidden-480"><#if services.status?exists>${services.status}</#if></td>
		                             <td class="hidden-480"><#if services.customer.fullname?exists>${services.customer.fullname}</#if></td>
		                              <td class="hidden-480"><#if services.contacts.name?exists>${services.contacts.name}</#if></td>
		                              <td class="hidden-480"><#if services.contacts.telephone?exists>${services.contacts.telephone}</#if></td>
		                              <td class="hidden-480"><#if services.systemType?exists>${services.systemType}</#if></td>
		                              <td class="hidden-480"><#if services.creater?exists>${services.creater}</#if></td>
		                              <td class="hidden-480"><#if services.createTime?exists>${services.createTime}</#if></td>
		                              <td class="hidden-480"><#if services.servicer?exists>${services.servicer}</#if></td>
		                              <td class="hidden-480">
		                              	<a href="JavaScript:;" class="btn default btn-xs blue" onclick = "return viewServicesBill(${services.id});"><i class="icon-eye-open"></i> View</a>
		                              	
		                              </td>
		                           </tr>
	                           </#list>
                           </#if>
                        </tbody>
                     </table>
                  </div>
               </div>
               <!-- END EXAMPLE TABLE PORTLET-->
            </div>
         </div>
         <!-- END PAGE CONTENT-->
      </div>
      <!-- END PAGE -->
   </div>
   <!-- END CONTAINER -->
   <#include "footer.ftl">
   <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
   <#include "coreJsPlugins.ftl">
   <!-- BEGIN PAGE LEVEL PLUGINS -->
   <script type="text/javascript" src="${base}/assets/plugins/select2/select2.min.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/data-tables/jquery.dataTables.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/data-tables/DT_bootstrap.js"></script>
   <!-- END PAGE LEVEL PLUGINS -->
   <!-- BEGIN PAGE LEVEL SCRIPTS -->
   <script src="${base}/assets/scripts/app.js"></script>
   <script src="${base}/resources/scripts/services-managed.js"></script>
   <script src="${base}/resources/scripts/services-list.js"></script>     
   <script>
      jQuery(document).ready(function() {       
         App.init();
         ServicesManaged.init();
      });
   </script>
</body>
<!-- END BODY -->
</html>